<template>
	<div class="carry" :style="{height: carryHeight + 'px'}">
        <div class="form">
            <img src="../assets/img/wechatpay.jpeg">
            <p>添加客服微信，我们竭诚为您服务！</p>
        </div>
		<bottom-nav act="service"></bottom-nav>
	</div>
</template>

<script>
	import { MessageBox } from 'mint-ui'
	import bottomNav from './bottomNav'
	export default {
		name: 'carry',
		data () {
			return {
                carryHeight: 0
			}
		},
		components: {bottomNav},
		mounted () {
			
		},
		created() {
            this.init();
		},
		methods: {
			init () {
				this.carryHeight = (document.documentElement.clientHeight - document.documentElement.clientHeight/750*4.9*10);			
			},
			openDialog() {
				MessageBox({
					message: '<div class="shareCont"><img class="shareEWM" src=""><h5>ID：56868688</h5><p>微信扫一扫上方二维码，和好友一起来拼手气，赢红包吧！</p></div>',
					title: '',
					dialogClass: 'page17Dialog',
					confirmButtonText: '',
					cancelButtonText: ''
				});
			}
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.carry{padding-top: 19rem;background: url(../assets/img/bg3Top.png) top center no-repeat, url(../assets/img/bg1Bottom.jpg) bottom center no-repeat;background-size: 100% auto;width: 100%;box-sizing: border-box;}
.form{margin: 0 auto;padding: 4.4rem 1.5rem;width: 33.4rem;text-align: center;border: 4px solid #fbcd91;border-radius: 12px;background: #fff;box-sizing: border-box;}
.form img{margin: 0 auto;width: 14rem;height: 14rem;}
.form p{font-size: 1.5rem;text-align: center;color: #ee3022;line-height: 2.5;}
</style>
